<include file="public@solution_head">
<div class="container-fluid">
  <div class="loading-list product-list pt-4 cis-animate-body">
    <div id="cis-product-list" class="row">
      <!--循环开始-->
      <php>$category_ids=17;</php>
      <portal:articles limit="" order="post.published_time DESC" categoryIds="$category_ids">
        <div class="col-xs-12 col-sm-6 col-md-3 mb-3 invisible" data-plugin="appear" data-animate="slide-bottom" data-repeat="false">
          <div class="card">
            <div class="card-img-top">
              <figure class="figure">
                <a href="{:url('portal/Article/index',array('id'=>$vo['id'],'cid'=>$vo.category_id))}">
                <if condition="empty($vo.more.thumbnail)">
                <img src="__TMPL__/public/assets/images/default_tupian4.png" class="img-fluid" alt="{$vo.post_title}"/>
                <else/>
                <img src="{:cmf_get_image_url($vo.more.thumbnail)}" class="img-fluid" alt="{$vo.post_title}"/>
                </if>
                </a>
              </figure>
            </div>
            <div class="card-body">
              <h6 class="card-title-line">{$vo.post_title}</h6>
              <p class="card-text">{$vo.post_keywords}
                <span class="float-right"><i class="iconcis icon-eye"></i>|&nbsp;{$vo.post_hits}</span>
              </p>
            </div>
          </div>
        </div>
      </portal:articles>
      <!--循环结束-->
    </div>
  	<div class="loadingmore text-center"><a>加载更多</a>
  	</div>
  </div>
</div>

<include file="public@common_footer">
<script>
    METUI_FUN['product-list'] = {
        name: 'product-list',
        appear: function () {
            var indexappear = $('.cis-animate-body:eq(0) [data-plugin=appear]');
            if (indexappear.length) {
                indexappear.scrollFun(function (val) {
                    val.appearDiy();
                }, {is_scroll: true});
            }
        }
    };
    var x = new metui(METUI_FUN['product-list']);
</script>
</body>
</html>